<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AJAX</title>
</head>
<body>
      <p>
        <input typeof="button" value="发送异步请求" onclick="send()">
      </p>


      <!--引入 jquery 的资源包   , $.psot  这个就是 jQuery-->
      <script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
      <script>
          function send(){
              // ajax 异步请求的三部曲, 路径,数据,接收返回结果
              $.post(
                  //这个是 post 的ajax异步请求的路径
                  "/community/alpha/ajax",

                  //这个是向请求的路径发送的数据
                  {"name":"小小俊少","age":20},

                  //下面是请求成功之后,返回接收的数据,data
                  function (data){
                      console.log(typeof (data));
                      console.log(data);

                      data = $.parseJSON(data);
                      console.log(typeof (data));
                      console.log(data);
                      console.log(data.code);
                      console.log(data.msg);
                  }
              )
          }
      </script>
</body>
</html>